
import React,{Component} from 'react';
import {
    View,StyleSheet,
    TouchableOpacity,
    Text
} from 'react-native'

export default class TextComp extends Component{
    render(){
        const row = {
          flexDirection:'row',
          alignItems:'flex-start',
          backgroundColor:'#f0f0f0'
        }
        const btn = {
          paddingTop:5,
          paddingBottom:5,
          paddingLeft:10,
          paddingRight:10,
        }
        const text={
          fontSize:18
        }
        return(
        <View style={row}> 
          <TouchableOpacity style={[row,btn]}>
            <Text style={text}>A</Text><Text>+</Text>
            </TouchableOpacity>
          <TouchableOpacity style={[row,btn]}>
            <Text style={text}>A</Text><Text>-</Text>
            </TouchableOpacity>
        </View>
        )
    }
}
const styles = StyleSheet.create({

})